@charset "utf-8";

.head {
    transition: all 1s;
}

html, body {
    background: #fff;
    overflow-x: hidden;
}

.banner {
    z-index: 1;
    position: relative;
}

.banner a {
    display: block;
}

.banner a img {
    display: block;
    width: 100%;
}

.banner::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1.6rem;
    top: 0;
    background: url(/style/../images/banner-zz1.png) repeat-x;
    background-position: center top;
    background-size: auto 1.6rem;
    z-index: 9;
}



.pagination {
    text-align: center;
    font-size: 0;
    padding-top: 0.5rem;
}

.pagination a {
    display: inline-block;
    border: 0.01rem solid #dcdcdc;
    padding: 0 0.12rem;
    height: 0.35rem;
    font-size: 0.14rem;
    line-height: 0.35rem;
    text-align: center;
    color: #666;
    margin: 0 0.07rem;
}

.pagination a.active {
    background: #ED5713;
    color: #fff;
    border: 0.01rem solid #ED5713;
}

.pagination a:hover {
    background: #ED5713;
    color: #fff;
    border: 0.01rem solid #ED5713;
}

.pagination span {
    display: inline-block;
    font-size: 0.14rem;
}

.nymain {
    position: relative;
}


.ny-tit {
    display: flex;
    position: relative;
    justify-content: center;
    margin-top: .6rem;
    margin-bottom: .45rem;
}

.ny-tit-posi {
    justify-content: flex-end;
}

.ny-tit-posi h2 {
    display: none;
}

.ny-tit-posi div {
    position: static;
}

.ny-tit-fs {
    justify-content: flex-start;
}

.ny-tit h2 {
    font-size: 0.36rem;
    font-weight: normal;
    line-height: .48rem;
    color: #000000;
}

.ny-tit div {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ny-tit div img {}

.ny-tit div span {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.32rem;
    text-transform: uppercase;
    color: #666666;
    margin-left: .05rem;
}

.ny-tit div a {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.32rem;
    text-transform: uppercase;
    color: #666666;
    margin-left: .05rem;
}

.ny-tit div a:hover {
    color: #ED5713;
}


.ny-c {
    display: flex;
    justify-content: space-between;
}

.ny-l {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.ny-r {
    width: 3.6rem;
    margin-left: 4%;
}

/* 标题列表 */
.text-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.text-list ul li {
    width: 48%;
    margin-top: .48rem;
    position: relative;
    overflow: hidden;

}

.text-list ul li:nth-child(-n+2) {
    margin-top: 0;
}

.text-list ul li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #FFF8EC;
    transform: translateY(0) translateX(0);
    transition: all 0.5s;
    transition-delay: .1s;
}

.text-list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    background: #ED5713;
    background: linear-gradient(180deg, #ED5713 21%, rgba(237, 87, 19, 0.4) 98%);
    z-index: 1;
    transform: translateY(-100%);
    transition: all 0.5s;
}

.text-list ul li a {
    display: flex;
    align-items: center;
    height: 1.2rem;
    padding: 0 .25rem 0 0;
    position: relative;
    z-index: 9;
}

.text-list ul li a .date {
    width: 1.2rem;
    margin-right: .1rem;
    text-align: center;
}

.text-list ul li a .date b {
    display: block;
    font-family: Georgia;
    font-size: 0.36rem;
    line-height: 0.4rem;
    color: #ED5713;
}

.text-list ul li a .date span {
    display: block;
    font-family: Georgia;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: rgba(237, 87, 19, 0.68);
}

.text-list ul li a .info {
    flex: 1;
    min-width: 0;
}

.text-list ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.36rem;
    color: #2C2C2C;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .72rem;
}

.text-list ul li:hover::after {
    opacity: 1;
    transform: translateY(100%);
    transition-delay: 0s;
}

.text-list ul li:hover::before {
    opacity: 1;
    transform: translateY(0) translateX(0);
    transition-delay: .1s;
}

.text-list ul li:hover a .date b {
    color: #FFFFFF;
}

.text-list ul li:hover a .date span {
    color: rgba(255, 255, 255, 0.68);
}

.text-list ul li:hover a .info h3 {
    color: #FFFFFF;
}

/* 标题列表end */
/* 银河galaxy集团人物 */

.sunpeo ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sunpeo ul li {
    width: 48%;
    border-radius: 0px 0.3rem 0rem 0;
    overflow: hidden;
    margin-top: .4rem;
    position: relative;
}

.sunpeo ul li:nth-child(-n+2) {
    margin-top: 0;
}

.sunpeo ul li a {
    display: flex;
    position: relative;
    z-index: 9;
}

.sunpeo ul li a .pics {
    width: 2.3rem;
}

.sunpeo ul li a .pics .pic {
    padding-top: 122%;
}

.sunpeo ul li a .info {
    flex: 1;
    min-width: 0;
    padding: .4rem .3rem 0 .3rem;
}

.sunpeo ul li a .info span {
    display: block;
    font-family: Arial;
    font-size: 0.2rem;
    font-weight: normal;
    color: #ED5713;
}

.sunpeo ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: bold;
    line-height: 0.3rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .6rem;
    margin: .1rem 0 .15rem 0;
}

.sunpeo ul li a .info p {
    font-family: Arial;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #9E9E9E;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: .9rem;
}


.sunpeo ul li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    background: #FFF8EC;
    transform: translateY(0) translateX(0);
    transition: all 0.5s;
    transition-delay: .1s;
}

.sunpeo ul li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    background: #ED5713;
    background: linear-gradient(180deg, #ED5713 21%, rgba(237, 87, 19, 0.4) 98%);
    z-index: 1;
    transform: translateX(-100%);
    transition: all 0.5s;
    border-radius: 0px 0.3rem 0rem 0;
}

.sunpeo ul li:hover::after {
    opacity: 1;
    transform: translateX(100%);
    transition-delay: 0s;
}

.sunpeo ul li:hover::before {
    opacity: 1;
    transform: translateY(0) translateX(0);
    transition-delay: .1s;
}

.sunpeo ul li:hover a .info span {
    color: #FFFFFF;
}

.sunpeo ul li:hover a .info h3 {
    color: #FFFFFF;
}

.sunpeo ul li:hover a .info p {
    color: rgba(255, 255, 255, 0.8);
}

/* 机构设置 */
.jgsz {
    display: flex;
    justify-content: space-between;
}

.jgsz-box {
    position: relative;
    width: 48%;
    position: relative;
    padding-top: .4rem;
    background: rgba(172, 179, 243, 0.16);
    /* background: linear-gradient(180deg, rgba(172, 179, 243, 0.16) 8%, rgba(225, 225, 255, 0.16) 162%, rgba(240, 88, 58, 0) 166%); */
    background: #FFF8EC;
}

.jgsz-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-width: 1rem .6rem 0 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    z-index: 1;
}

.jgsz-box::after {
    content: "";
    position: absolute;
    left: 0;
    top: .4rem;
    border-width: .6rem .4rem 0 0;
    border-style: solid;
    border-color: #ED5713 transparent transparent transparent;
    z-index: 1;
}

.jgsz-tit {
    background: #ED5713;
    background: linear-gradient(180deg, #ED5713 21%, #FFF8EC 98%);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.2rem;
}

.jgsz-tit::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-width: .6rem 0 0 .6rem;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    z-index: 1;
}

.jgsz-tit::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-width: .6rem 0 0 .6rem;
    border-style: solid;
    border-color: #FFF8EC transparent transparent transparent;
    z-index: 1;
}

.jgsz-tit h3 {
    font-size: 0.32rem;
    font-weight: 500;
    line-height: .4rem;
    color: #FFFFFF;
    padding: .5rem;
    width: 100%;
}


.jgsz-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: .25rem .4rem;
}

.jgsz-list ul li {
    width: 49%;
}

.jgsz-list ul li a {
    display: block;
    position: relative;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.6rem;
    color: #333333;
    padding-left: .2rem;
}

.jgsz-list ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: .26rem;
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    background: #ED5713;
    background: linear-gradient(253deg, #ED5713 14%, #FFF8EC 78%);
}

.jgsz-list ul li a:hover {
    color: #ED5713;
}


/* 学院领导 */
.ny-t {
    background: #6F90EC;
    /* background: linear-gradient(270deg, #6F90EC 7%, #ED5713 100%); */
    background: linear-gradient(270deg, #FFA15E 2%, #ED5713 97%);
}

.ny-t>div {
    display: flex;
    align-items: center;
    min-height: 1rem;
}

.lmname h3 {
    display: flex;
    align-items: center;
}

.lmname h3 span {
    font-size: 0.3rem;
    font-weight: bold;
    line-height: .3rem;
    padding-bottom: .2rem;
    color: #FFFFFF;
    position: relative;
    margin-left: .1rem;
}

.lmname h3 span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.885rem;
    height: 1px;
    background: #FFFFFF;
    background: linear-gradient(269deg, rgba(255, 255, 255, 0) -1%, #FFFFFF 97%);
}

.ny-nav {
    flex: 1;
    min-width: 0;
}

.ny-nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-top: .1rem;
    position: relative;
}

.ny-nav ul li {}

.ny-nav ul li>a {
    display: block;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: .9rem;
    color: #FFFFFF;
    padding: 0 .2rem;
    margin: 0 .1rem;
    position: relative;
}

.ny-nav ul li>a::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    transform: translateX(-50%);
    bottom: -0.02rem;
    height: 0.04rem;
    background: #FFBA56;
    transition: all 0.5s;
}

.ny-nav ul li div {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: .2rem 0;
    background: #fff;
    box-shadow: 0 0 .05rem 0 rgba(51, 51, 51, .1);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    z-index: 9;
    transform: scaleY(0);
    transition: all 0.5s;
    transform-origin: center top;
}

.ny-nav ul li div a {
    display: block;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: .3rem;
    color: #333333;
    padding-left: .2rem;
    position: relative;
    margin: 0 .3rem;
}

.ny-nav ul li div a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    background: linear-gradient(253deg, #ED5713 14%, #FFF8EC 78%);
}

.ny-nav ul li.active a::after {
    width: 100%;
}




.leader-box {
    position: relative;
    padding-top: .4rem;
    /* background: rgba(172, 179, 243, 0.16); */
    /* background: linear-gradient(180deg, rgba(255, 167, 0, 0.2) 8%, rgba(225, 225, 255, 0.2) 162%, rgba(240, 88, 58, 0) 166%); */
    background: #FFF8EC;
}

.leader-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-width: 1rem .6rem 0 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    z-index: 1;
}

.leader-box::after {
    content: "";
    position: absolute;
    left: 0;
    top: .4rem;
    border-width: .6rem .4rem 0 0;
    border-style: solid;
    border-color: #FFB65E transparent transparent transparent;
    z-index: 1;
}

.leader-tit {
    background: #FC7550;
background: linear-gradient(180deg, #FC7550 21%, #FFB65E 98%);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.2rem;
}

.leader-tit::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-width: .6rem 0 0 .6rem;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    z-index: 1;
}

.leader-tit::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-width: .6rem 0 0 .6rem;
    border-style: solid;
    border-color: rgba(255, 248, 236, 1) transparent transparent transparent;
    z-index: 1;
}

.leader-tit h3 {
    font-size: 0.32rem;
    font-weight: 500;
    line-height: .4rem;
    color: #FFFFFF;
    padding: .5rem;
    width: 100%;
}

.leader-c {
    padding: .7rem 5%;
    display: flex;
}

.leader-l {
    flex: 1;
    min-width: 0;
}

.leader-l ul {}

.leader-l ul li {
    display: flex;
    flex-wrap: wrap;
    padding: .3rem 5%;
    border-top: 1px dashed #A8A9C5;
    position: relative;
}

.leader-l ul li:nth-child(1) {
    padding-top: 0;
    border: none;
}

.leader-l ul li:nth-child(1)::before {
    content: none;
}

.leader-l ul li:nth-child(1)::after {
    content: none;
}

.leader-l ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    background: #ED5713;
    height: 3px;
    width: 2px;
    border-radius: 50%;
}

.leader-l ul li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-50%);
    background: #ED5713;
    height: 3px;
    width: 2px;
    border-radius: 50%;
}

.leader-l ul li a {
    min-width: 50%;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #333333;
}

.leader-l ul li a:hover {
    color: #ED5713;
}

.leader-r {
    width: 5.56rem;
    margin-left: 3.5%;
}

.leader-r img {
    display: block;
    width: 100%;
}

/* 搜索结果页 */
.search_data .ny-tit {
    justify-content: flex-end;
}

.search_data .ny-tit div {
    position: static;
    transform: translateY(0);
}

.search-tit {
    border-top: 2px solid #ED5713;
    border-bottom: 1px solid #ED5713;
    display: flex;
    align-items: center;
    padding: .5rem 0 .2rem 0;
}

.search-tit span {
    font-size: 0.22rem;
    line-height: .3rem;
    color: #2C2C2C;
}

.search-tit b {
    font-size: 0.36rem;
    font-weight: bold;
    line-height: .4rem;
    color: #ED5713;
    font-family: "sysong";
    margin: 0 .1rem;
}


.search-list ul li a {
    display: flex;
    border-top: 1px dashed #C4D1E5;
    height: 0.9rem;
    align-items: center;
    transition: all 0.5s;
}

.search-list ul li:nth-child(1) a {
    border-top: none;
}


.search-list ul li a p {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.26rem;
    color: #333333;
    padding-left: .34rem;
    position: relative;
}

.search-list ul li a p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .3rem;
    background: url(/style/../images/search-list-left.png) no-repeat;
    background-position: center center;
    background-size: .1rem auto;
}


.search-list ul li a span {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.26rem;
    color: #9E9E9E;
    width: 1rem;
    text-align: right;
}

.search-list ul li:hover a {
    border-color: transparent;
    background: #FFFFFF;
    box-shadow: 0px 0px 0.06rem 0px rgba(94, 100, 165, 0.6);
    padding: 0 .3rem;
}

.search-list ul li:hover+li a {
    border-color: transparent;
}

.search-list ul li:hover a p {
    color: #ED5713;
}

.search-list ul li:hover a span {
    color: #ED5713;
}


/* 新闻列表页 */

.imgtlist ul {}

.imgtlist ul li {
    overflow: hidden;
    position: relative;
    margin-left: -.4rem;
}

.imgtlist ul li a {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9;
    padding: .4rem .2rem .4rem .4rem;
}

.imgtlist ul li a .pics {
    width: 2.3rem;
    position: relative;
}

.imgtlist ul li a .pics .pic {
    padding-top: 64%;
}

.imgtlist ul li a .date {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ED5713;
    background: linear-gradient(180deg, #ED5713 21%, #FFF8EC 97%);
    z-index: 9;
    width: 0.6rem;
    height: 0.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.imgtlist ul li a .date b {
    display: block;
    font-family: Georgia;
    font-size: 0.28rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #FFFFFF;
}

.imgtlist ul li a .date span {
    font-family: Georgia;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.16rem;
    color: rgba(255, 255, 255, 0.68);
}

.imgtlist ul li a .info {
    flex: 1;
    min-width: 0;
    padding: 0 0 0 .3rem;
}

.imgtlist ul li a .info span {
    display: block;
    font-family: Arial;
    font-size: 0.2rem;
    font-weight: normal;
    color: #ED5713;
}

.imgtlist ul li a .info h3 {
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 0.3rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 0 .15rem 0;
}

.imgtlist ul li a .info p {
    font-family: Arial;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.32rem;
    color: #9E9E9E;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .64rem;
}

.imgtlist ul li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    background: #ED5713;
    background: linear-gradient(180deg, #ED5713 21%, rgba(237, 87, 19, 0.4) 98%);
    z-index: 1;
    transform: translateX(-100%);
    transition: all 0.5s;
}

.imgtlist ul li:hover::after {
    opacity: 1;
    transform: translateX(100%);
    transition-delay: 0s;
}

.imgtlist ul li:hover::before {
    opacity: 1;
    transform: translateY(0) translateX(0);
    transition-delay: .1s;
}

.imgtlist ul li:hover a .info span {
    color: #FFFFFF;
}

.imgtlist ul li:hover a .info h3 {
    color: #FFFFFF;
}

.imgtlist ul li:hover a .info p {
    color: rgba(255, 255, 255, 0.8);
}

.ny-other-tit {
    padding-bottom: .2rem;
    border-bottom: 1px solid #D8D8D8; line-height: 0.36rem; height:0.45rem;
}

.ny-other-tit h3 {
    border-left: 0.04rem solid rgba(237, 87, 19, 0.9);
    font-size: 0.24rem;
    font-weight: normal;
    line-height: 0.36rem;
    float: left;
    color: #000000;
    padding-left: .2rem;
}
.ny-other-tit a{ float: right;}

.ny-other-list {
    margin-top: .3rem;
    border-left: 1px solid rgba(237, 87, 19, 0.2);
}

.ny-other-list ul {
    padding-top: .2rem;
    padding-bottom: .2rem;
}

.ny-other-list ul li {
    margin-top: .3rem;
}

.ny-other-list ul li:nth-child(1) {
    margin-top: 0;
}

.ny-other-list ul li a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: .2rem;
}

.ny-other-list ul li a span {
    display: block;
    box-sizing: border-box;
    height: 0.4rem;
    padding: 0 .2rem;
    border: 1px solid rgba(237, 87, 19, 0.6);
    line-height: .38rem;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #ED5713;
    position: relative;
    border-radius: .4rem;
    white-space: nowrap;
}

.ny-other-list ul li a span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -.2rem;
    transform: translateX(-50%) translateY(-50%);
    background: #FFFFFF;
    border: 1px solid rgba(237, 87, 19, 0.6);
    width: 0.1rem;
    height: 0.1rem;
    z-index: 9;
    border-radius: 50%;
}

.ny-other-list ul li a p {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #333333;
    margin-top: .1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .6rem;
    width: 100%;
}

.ny-other-list ul li a:hover span {
    background: #ED5713;
    color: #fff;
}

.ny-other-list ul li a:hover span::before {
    background: rgba(237, 87, 19, 0.6);
}

.ny-other-list ul li a:hover p {
    color: #ED5713;
}


/* 内容页 */

.content-tit {
    padding-bottom: .3rem;
    border-bottom: 1px dashed #A8A9C5;
}

.content-tit h3 {
    font-size: 0.24rem;
    font-weight: normal;
    line-height: 0.36rem;
    text-align: justify;
    color: #333333;
}

.content-tit div {
    margin-top: .15rem;
    display: flex;
    flex-wrap: wrap;
}

.content-tit div span {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.3rem;
    text-align: justify;
    /* 浏览器可能不支持 */
    color: #868686;
    margin-right: .1rem;
}

.content-body p {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.4rem;
    text-align: justify;
    /* 浏览器可能不支持 */
    color: #333333;
    text-indent: 2em;
    margin-top: .35rem;
}
.content-body p video{
    text-indent:0rem;
    display: block;
    margin: 0 auto;
    max-width: 99%;
    height: auto;
}

.content-body table {
    max-width: 100%;
    color: #333;
    font-size: .18rem;
    line-height: .3rem;
    border-collapse: collapse;
}

.content-body img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    border: none!important;
}

.major {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-start;
}

.major::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: #D8D8D8;
}

.major>div {
    width: 50%;
    border-top: 1px solid #ED5713;
    /* min-height: 3.46rem; */
    position: relative;
    padding-top: .2rem;
}

.major-box ul{
    display:flex;
    flex-wrap:wrap;
    margin-top:.5rem;
    padding: .3rem .15rem;
}


.major-box li{
    /* float: left; */
    width: 33%;
}

.major>div:nth-child(2n) {
    margin-top: 0.7rem;
}

.major>div:nth-child(2n)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #ED5713;
    width: 0.1rem;
    height: 0.1rem;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
}

.major>div:nth-child(2n+1)::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: #ED5713;
    width: 0.1rem;
    height: 0.1rem;
    transform: translateX(50%) translateY(-50%);
    border-radius: 50%;
}

.major>div:nth-child(1) {
    margin-top: 0;
}

.major>div:nth-child(2) {
    margin-top: 0.7rem;
    min-height: 2rem;
}
.major>.major-jj-new{
                            border: none;
                            padding-left: 0;
                            font-size: 0.18rem;
                            text-indent: 2em;
                            line-height: 30px;
                            }
.major>.major-jj-new p{
    
text-align: justify;
    
font-size: 0.2rem;
    
line-height: 0.48rem;
}
.major>div h3 {
    position: absolute;
    right: 0.2rem;
    top: .25rem;
    font-size: 0.22rem;
    font-weight: bold;
    line-height: normal;
    color: #ED5713;
}

.major>div:nth-child(2n) ul li a {
    text-align: center;
}

.major>div:nth-child(2n) h3 {
    left: .2rem;
    right: auto;
}

.major>div ul li a {
    display: block;
    font-size: 0.16rem;
    line-height: 0.48rem;
    color: #333333;
    text-align: center;
}

.major>div ul li a.on {
    color: #ED5713;
    font-weight: 700;
}

.major>div ul li div {
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #ED5713;
    display: none;
}

.major>div:nth-child(2n) ul li div {
    padding-left: .2rem;
}

.major>div:nth-child(2n+1) ul li div {
    padding-right: .2rem;
}

/* 学院概况 */
.college1 {
    display: flex;
    align-items: flex-start;
}

.college1 .tit{
    text-align: center;
    line-height: 50px;
    font-size: .4rem;
    margin-bottom: 50px;
    display: block;
}

.college1-l {
    width: 6.14rem;
    padding-right: .37rem;
    padding-bottom: .44rem;
    position: relative;
    margin-right: 5%;
}

.college1-l img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 9;
}

.college1-l::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/style/../images/college1-picbg.png) no-repeat;
    background-position: right bottom;
    background-size: 3.8rem;
    z-index: 1;
}

.college1-l.choll-logo::after{
   content: "";
    position: absolute;
    left: 0;
    top: .3rem;
    right: 0;
    bottom: 0;
    background: url(/style/../images/college3-picbg.png) no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    z-index: 1;
}
.college1-l.choll-logo{
 padding:0 .35rem .33rem .35rem;
}

.college1-r {
    flex: 1;
    min-width: 0;
}
.college1-r img{/* display:block; */margin:0 auto;max-width:100%;height: auto!important;}
.college-text p {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: .3rem;
    color: #333333;
    margin-top: .3rem;
   
}
.college-text p{
 text-indent: 2em;
}
.college-text p:nth-child(1) {
    margin-top: 0;
}

.college-tit {
    padding-bottom: .2rem;
    border-bottom: 1px solid #DCDCDC;
    margin-top: .65rem;
    margin-bottom: .35rem;
}

.college-tit h3 {
    display: flex;
    align-items: center;
    font-size: 0.24rem;
    font-weight: bold;
    line-height: normal;
    color: #333333;
}

.college-tit h3 img {
    margin-right: .1rem;
}


.college3-list ul {
    display: flex;
    justify-content: space-between;
    margin: .7rem 0 .5rem 0;
    min-height: 4rem;
}

.college3-list ul li {
    width: 1.48rem;
    transition: all 0.5s;
}

.college3-list ul li:nth-child(2n) {
    margin-top: 1.2rem;
}


@keyframes _nums {
    0% {
        /* transform: translateY(0); */
        margin-top: 0;
    }

    50% {
        /* transform: translateY(-0.25rem); */
        margin-top: -.25rem;
    }

    100% {
        /* transform: translateY(0); */
        margin-top: 0;
    }
}

.college3-list ul li:nth-child(1) a {
    animation: _nums 5s -1s infinite;
}

.college3-list ul li:nth-child(2) a {
    animation: _nums 4.5s -2s infinite;
}

.college3-list ul li:nth-child(3) a {
    animation: _nums 5.5s infinite;
}

.college3-list ul li:nth-child(4) a {
    animation: _nums 4.8s -3s infinite;
}

.college3-list ul li:nth-child(5) a {
    animation: _nums 5.2s -3.5s infinite;
}

.college3-list ul li:nth-child(6) a {
    animation: _nums 5.8s -2.5s infinite;
}

.college3-list ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;

}

.college3-list ul li a .nums {
    background: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    border: 1px dashed #F0583A;
    height: 1.48rem;
    width: 1.48rem;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    transition: all 0.5s;
}

.college3-list ul li.on a .nums::before {
    content: "";
    position: absolute;
    left: .05rem;
    right: 0.05rem;
    top: 0.05rem;
    bottom: 0.05rem;
    background: url(/style/../images/college3-list-actvg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    opacity: 0;
    z-index: 2;
}

.college3-list ul li.on a .nums::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    width: 200%;
    height: 200%;
    background: url(/style/../images/college3-list-actvg-line.png) no-repeat;
    background-position: center center;
    background-size: 100%;
    z-index: 1;
    transition: all 0.5s;
}

.college3-list ul li a .nums b {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.4rem;
    font-weight: bold;
    line-height: normal;
    color: #F0583A;
    z-index: 9;
}

.college3-list ul li a .info {
    margin-top: .15rem;
    position: relative;
    z-index: 9;
    transition: all 0.5s;
}

.college3-list ul li a .info p {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #373737;
}


.college4 {
    display: flex;
    align-items: flex-end;
}

.college4-l {
    flex: 1;
    min-width: 0;
}

.college4-r {
    width: 5.37rem;
    padding: 0 .35rem .33rem .35rem;
    position: relative;
    margin-left: 5%;
}

.college4-r::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/style/../images/college3-picbg.png) no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    z-index: 1;
}

.college4-r img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 9;
}

/* 校园多彩生活 */
.caml1 {
    position: relative;
    background: #F4F4F6;
    padding-top: 1px;
    padding-bottom: .95rem;
}

.caml1-c {
    position: relative;
}

.caml1-l {
    position: absolute;
    right: 0;
    top: 0.2rem;
}

.caml1-l h3 {
    font-size: 0.36rem;
    font-weight: normal;
    line-height: normal;
    color: #0E0E0E;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    letter-spacing: .1rem;
}

.caml1-r {
    display: flex;
    align-items: flex-end;
}

.caml1-rl {
    width: 57%;
}

.caml1-rl>div a {
    display: block;
}

.caml1-rl>div a .pic {
    padding-top: 59%;
}

.caml1-rl>ul {
    display: flex;
    justify-content: flex-end;
}

.caml1-rl>ul li {
    width: 43.5%;
}

.caml1-rl>ul li a {
    display: block;
}

.caml1-rl>ul li a .pic {
    padding-top: 68.5%;
}

.caml1-rr {
    width: 43%;
}

.caml1-rr ul li:nth-child(1) {
    width: 75%;
}

.caml1-rr ul li a {
    display: block;
}

.caml1-rr ul li:nth-child(1) a .pic {
    padding-top: 61%;
}

.caml1-rr ul li:nth-child(2) a .pic {
    padding-top: 57.5%;
}

.caml-tit {
    margin-top: 0;
    padding-top: .65rem;
    padding-bottom: .48rem;
}

.caml-tit h3 {
    font-size: 0.36rem;
    font-weight: normal;
    line-height: .48rem;
    color: #000000;
    text-align: center;
}

.caml2 .slick-list {
    padding: 4.2% 0 !important;
}

.caml2 .slick-list li {
    position: relative;
    z-index: 1;
    transform-style: preserve-3d;
    perspective: 3000px;
}

.caml2 .slick-list li a {
    display: block;
    overflow: hidden;
    transition: all 0.5s;
}

.caml2 .slick-list li.slick-active a {
    transform-origin: left center;
    transform: rotateY(20deg);
    /* clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%); */
}

.caml2 .slick-list li.slick-center a {
    transform-origin: center center;
    /* clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%); */
}

.caml2 .slick-list li.slick-center+li a {
    transform-origin: right center;
    transform: rotateY(-20deg);
    /* clip-path: polygon(0 5%, 100% 0%, 100% 100%, 0% 95%); */
}

.caml2 .slick-list li a .pic {
    border-radius: 0.2rem;
    padding-top: 62%;
}

.caml2 .slick-list li.slick-center {
    z-index: 9;
}

.caml2 .slick-list li.slick-center a {
    transform: scale(1.4);
}

.caml2 .slick-dots {
    position: static;
    font-size: 0;
    text-align: center;
    margin-top: .48rem;
}

.caml2 .slick-dots li {
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 50%;
    background: #D8D8D8;
    margin: 0 .3rem;
}

.caml2 .slick-dots li.slick-active {
    background: #ED5713;
}


.caml3 {
    margin-top: .8rem;
    padding-bottom: .85rem;
    background: rgba(255, 241, 222, 0.68);
    border-image: linear-gradient(242deg, rgba(240, 88, 58, 0) -12%, #F0583A 89%) 1;
}

.caml3-c {
    display: flex;
    justify-content: space-between;
}

.caml3-c a {
    display: block;
    border-radius: .1rem;
    overflow: hidden;
}

.caml3-l {
    width: 66%;
}

.caml3-r {
    width: 31.2%;
}

.caml3-lt a .pic {
    padding-top: 47%;
}

.caml3-lb ul {
    display: flex;
    justify-content: space-between;
    margin-top: 4%;
}

.caml3-lb ul li {
    width: 48%;
}

.caml3-lb ul a .pic {
    padding-top: 57%;
}

.caml3-r a .pic {
    padding-top: 166%;
}

.caml4-c ul {
    display: flex;
    justify-content: space-between;
}

.caml4-c ul li {
    width: 32%;
}

.caml4-c ul li a {
    display: block;
}

.caml4-c ul li a .pic {
    padding-top: 60%;
}


@media screen and (min-width:1025px) {

    .ny-nav ul li div a:hover {
        color: #ED5713;
    }

    .ny-nav ul li:hover a::after {
        width: 100%;
    }

    .ny-nav ul li:hover div {
        transform: scale(1);
    }


    .college3-list ul li.on {
        width: 4.26rem;
    }

    .college3-list ul li.on .nums {
        width: 2.11rem;
        height: 2.12rem;
    }

    .college3-list ul li.on a .nums::before {
        opacity: 1;
    }

    .college3-list ul li.on a .nums::after {
        transform: translateX(-50%) translateY(-50%) scale(1);
    }

    .college3-list ul li.on .nums b {
        font-size: 0.48rem;
        font-weight: bold;
        color: #FFFFFF;
    }

    .college3-list ul li.on a .info {
        margin-top: .4rem;
    }
}

/* 图片列表 */

.img-lists ul {
    overflow: hidden;
    margin: 0 -1.6%;
}

.img-lists ul li {
    float: left;
    width: 30%;
    margin-top: .35rem;
    margin: 0 1.6%;
    transition: all 0.3s;
    position: relative;
    top: 0;
}



.img-lists ul li:hover {
    /* box-shadow: 0 0 10px rgba(51, 51, 51, 0.16); */
    top: -10px;
}

.img-lists ul li:hover .info p {
    color: #ED5713;
    font-weight: 600;
}

.img-lists ul li a {
    display: block;
    width: 100%;
}

.img-lists ul li a .pic {
    padding-top: 65%;
}

.img-lists ul li a>img {
    display: block;
    width: 100%;
    height: 196px;
}

.img-lists ul li a>div.info {
    padding: .1rem;
    font-size: 0;
    background-position: left center;
}

.img-lists ul li a>div.info p {
    color: #333333;
    font-size: .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .2rem;
    text-align: center;
}

.img-lists ul li a>div.info img {
    height: 14px;
    vertical-align: middle;
}

.img-lists ul li a>div.info span {
    font-size: 14px;
    display: inline-block;
    margin-left: 5px;
    color: #999;
    vertical-align: middle;
}




/* 2025年11月10日13:41:04  新增内页样式  start */

.xhkc1 .slick {
    margin-top: .4rem;
}

.xhkc1 .slick ul {
    margin: 0 -.24rem;
}

.xhkc1 .slick ul a {
    display: block;
    margin: 0 .24rem;
}

.xhkc1 .slick ul a .pic {
    padding-top: 63%;
}

.xhkc1 .slick ul a .info {
    background: #FDF5F1;
    padding: .15rem .2rem;
}

.xhkc1 .slick ul a .info h3 {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.3rem;
    letter-spacing: normal;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 0.6rem;
}

.xhkc1 .slick ul a .info div {
    font-family: Georgia;
    color: #ED5713;
    margin-top: 0.05rem;
    display: flex;
    align-items: center;
}

.xhkc1 .slick ul a .info div b {
    font-size: .24rem;
    font-weight: normal;
    line-height: .3rem;
    letter-spacing: normal;
}

.xhkc1 .slick ul a .info div span {
    font-size: .14rem;
    font-weight: normal;
    line-height: .3rem;
    letter-spacing: normal;
    opacity: .68;
}

.xhkc1 .slick .slick-dots {
    position: static;
    margin: .4rem 0 0 0;
    display: flex;
    justify-content: center;
}

.xhkc1 .slick .slick-dots li {
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;
    margin: 0 .15rem;
    background: rgba(240, 88, 58, 0.3);
}

.xhkc1 .slick .slick-dots li.slick-active {
    background: #ED5713;
}


.xhkc2 {
    margin-top: .68rem;
}

.xhkc2-c {
    display: flex;
    align-items: center;
    margin-top: .25rem;
    padding-bottom: .5rem;
}

.xhkc2-l {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 1;
    transform-style: preserve-3d;
    perspective: 3000px;
}

.xhkc2-l ul {
    margin-right: -80%;
    transform: rotateY(30deg);
    transform-origin: left center;
}

.xhkc2-m {
    width: 46.6%;
    position: relative;
    z-index: 3;
}

.xhkc2-r {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 1;
    transform-style: preserve-3d;
    perspective: 3000px;
}

.xhkc2-r ul {
    margin-left: -80%;
    transform: rotateY(-30deg);
    transform-origin: right center;
}

.xhkc2 ul a {
    display: block;
    position: relative;
}

.xhkc2 ul a .pic {
    padding-top: 55.9%;
}

.xhkc2-m ul a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 365px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 67%, rgba(0, 0, 0, 0.8) 100%);
}

.xhkc2-m ul a p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.32rem;
    letter-spacing: normal;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .2rem;
    z-index: 9;
}

.xhkc2-m .slick-dots {
    margin: .4rem 0 0 0;
    display: flex;
    justify-content: center;
    bottom: auto;
    top: 100%;
}

.xhkc2-m .slick-dots li {
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;
    margin: 0 .15rem;
    background: rgba(240, 88, 58, 0.3);
}

.xhkc2-m .slick-dots li.slick-active {
    background: #ED5713;
}



.xhkc3 {
    margin-top: .7rem;
}

.xhkc3-c {
    margin-top: .4rem;
    display: flex;
    justify-content: space-between;
}

.xhkc3-c a {
    display: block;
}

.xhkc3-l {
    width: 65.785%;
}

.xhkc3-lt a .pic {
    padding-top: 47.122%;
}

.xhkc3-lb ul {
    display: flex;
    justify-content: space-between;
    margin-top: 4%;
}

.xhkc3-lb ul li:nth-child(1) {
    width: 43.2%;
}

.xhkc3-lb ul li:nth-child(2) {
    width: 52.98%;
}

.xhkc3-lb ul li:nth-child(1) a .pic {
    padding-top: 69.3%;
}

.xhkc3-lb ul li:nth-child(2) a .pic {
    padding-top: 56.5%;
}

.xhkc3-r {
    width: 32%;
}

.xhkc3-r a .pic {
    padding-top: 166.5%;
}

/**/

.ppwh1 {
    margin-top: .7rem;
}

.ppwh1-c {
    position: relative;
    margin-top: .5rem;
}

.ppwh1-l {
    position: relative;
}

.ppwh1-l>ul {
    position: relative;
    z-index: 1;
}

.ppwh1-l>ul:before {
    content: "";
    position: absolute;
    left: 0;
    right: -1.26rem;
    bottom: 0;
    top: .9rem;
    background: #F0583A;
    z-index: -1;
    pointer-events: none;
}

.ppwh1-l ul li a {
    display: flex;
}

.ppwh1-l ul li a .pics {
    width: 8.18rem;
}

.ppwh1-l ul li a .pics .pic {
    padding-top: 75.7%;
}

.ppwh1-l ul li a .info {
    flex: 1;
    min-width: 0;
    padding: 1.43rem 0 0 .65rem;
}

.ppwh1-l ul li a .info h3 {
    font-size: 0.3rem;
    font-weight: normal;
    line-height: .4rem;
    letter-spacing: normal;
    color: #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ppwh1-l ul li a .info p {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.32rem;
    text-align: justify;
    /* 浏览器可能不支持 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: .96rem;
    margin-top: .2rem;
    color: rgba(255, 255, 255, 0.7);
}


.ppwh1-l .slick-dots {
    top: auto;
    bottom: 0;
}

.ppwh1-l .slick-dots li {
    width: 0.1rem;
    height: 0.1rem;
    background: rgba(80, 86, 217, 0.3);
    transition: all 0.5s;
    border-radius: 50%;
    margin: 0 .1rem;
}

.ppwh1-l .slick-dots li.slick-active {
    background: #5056D9;
}


.ppwh1-r {
    position: absolute;
    left: 5rem;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: .4rem .58rem;
    z-index: 1;
}

.ppwh1-r ul {
    margin: 0 -.15rem;
}

.ppwh1-r ul li {}

.ppwh1-r ul li a {
    display: block;
    margin: 0 .15rem;
}

.ppwh1-r ul li a .pic {
    padding-top: 78.5%;
}

.ppwh1-r .slick-prev, .ppwh1-r .slick-next {
    width: .58rem;
    height: 0.58rem;
}

.ppwh1-r .slick-prev {
    left: auto;
    right: calc(100% - .15rem);
    background: url(/style/../images/ppwh-prev.png) no-repeat;
    background-position: center center;
    background-size: .11rem auto;
}

.ppwh1-r .slick-next {
    right: auto;
    left: calc(100% - .15rem);
    background: url(/style/../images/ppwh-next.png) no-repeat;
    background-position: center center;
    background-size: .11rem auto;
}




.ppwh3 {
    margin-top: .9rem;
}

.ppwh3 ul {
    display: flex;
    justify-content: space-between;
    margin: 0 -.25rem;
    margin-top: 0.4rem;
}

.ppwh3 ul li {
    width: 33.33%;
}

.ppwh3 ul li a {
    display: block;
    margin: 0 .25rem;
}

.ppwh3 ul li a .pic {
    padding-top: 63%;
}

.ppwh3 ul li a .info {
    background: #FDF5F1;
    padding: 0 .2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.8rem;
    transition: all .5s;
}

.ppwh3 ul li a .info h3 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.3rem;
    letter-spacing: normal;
    color: #333333;
}


.ppwh2 {
    margin-top: 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
}

.ppwh2-c {
    display: flex;
    margin-top: .48rem;
    justify-content: space-between;
    align-items: center;
}

.ppwh2-l {
    width: calc(25% - .15rem);
}

.ppwh2-m {
    width: calc(25% - .15rem);
    box-shadow: -169px 40px 120px 0px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 2;
}

.ppwh2-r {
    width: calc(50% - .15rem);
}

.ppwh2-c ul li a {
    display: block;
    position: relative;
}

.ppwh2-c ul li a .pic {
    padding-top: 75%;
}

.ppwh2-m>ul {
    margin: 0 -1.2rem;
}

.ppwh2-m ul li a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(181deg, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0.8) 98%);
}

.ppwh2-m ul li a p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 0.31rem;
    text-transform: uppercase;
    letter-spacing: normal;
    color: #FFFFFF;
    padding: .15rem .3rem;
}

.ppwh2-r>ul {
    margin: 0 -.15rem;
}

.ppwh2-r>ul li a {
    margin: 0 .15rem;
}

.ppwh2-m ul .slick-dots {
    left: 100%;
    background: rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    width: 3.4rem;
    margin-left: .8rem;
}

.ppwh2-m ul .slick-dots li {
    flex: 1;
    min-width: 0;
    height: auto;
    margin: 0;
    background: none;
    height: 0.04rem;
}

.ppwh2-m ul .slick-dots li button {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    display: block;
    margin: 0;
    padding: 0;
    transition: all .5s;
    background: #F0583A;
    font-size: 0;
    height: 100%;
}

.ppwh2-m ul .slick-dots li.slick-active button {
    width: 100%;
    left: 0;
}


/**/

.xywh1-c {
    display: flex;
    align-items: flex-start;
    margin-top: .75rem;
}

.xywh1-l {
    width: 6.46rem;
    padding-right: .37rem;
    padding-bottom: .44rem;
    position: relative;
    margin-right: 5%;
}

.xywh1-l::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/style/../images/xywh1-picbg.png) no-repeat;
    background-position: right bottom;
    background-size: 3.8rem;
    z-index: 1;
}

.xywh1-l img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 9;
}

.xywh1-r {
    flex: 1;
    min-width: 0;
}

.xywh1-r .bhxq-tit h2 {
    text-align: left;
}

.xywh1-r .xywh1-text {
    margin-top: .3rem;
    padding-top: .4rem;
    border-top: 1px solid #D8D8D8;
}

.xywh1-r .xywh1-text p {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.4rem;
    color: #333333;
    text-indent: 2em;
    margin-top: .3rem;
}

.xywh1-r .xywh1-text p:nth-child(1) {
    margin-top: 0;
}


.xywh-box {
    display: flex;
    border-top: 1px solid #DCDCDC;
    padding-top: .6rem;
    margin-top: .6rem;
}

.dwjl_part_tit {
    display: flex;
    font-size: 0.28rem;
    font-weight: bold;
    line-height: .42rem;
    letter-spacing: normal;
    color: #333333;
}

.dwjl_part_tit img {
    height: 0.36rem;
    margin-right: .12rem;
}

.xywh-infos {
    flex: 1;
    min-width: 0;
}

.xywh-p {
    margin-top: .36rem;
}

.xywh-p p {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.36rem;
    letter-spacing: normal;
    color: #333333;
}

.xywh-p p+p {
    margin-top: .36rem;
}

.xywh-link {
    display: flex;
    flex-wrap: wrap;
    margin-top: .44rem;
}

.xywh-link a {
    width: 33.33%;
    background: url(/style/../images/xywh-link-bef.png) no-repeat;
    background-position: left center;
    background-size: .43rem auto;
    padding-left: .5rem;
    font-size: 0.22rem;
    font-weight: normal;
    line-height: .4rem;
    letter-spacing: normal;
    color: #DF4728;
}

.xywh2 .xywh-link a {
    width: 25%;
}

.xywh-pic {
    margin-left: .83rem;
}

.xywh-pic img {
    display: block;
    width: 100%;
}

.xywh6 .xywh-box {
    border-top: none;
    padding-top: 0;
    margin-top: .5rem;
}

.xywh6 .xywh-pic {
    margin-right: .8rem;
    margin-left: 0;
}

.xywh5 {}

.xywh-media {
    margin-top: 0.08rem;
}

.xywh5-tit {
    text-align: center;
    background: linear-gradient(180deg, #FC7550 21%, #FFB65E 98%);
    position: relative;
    font-size: 0.24rem;
    line-height: .4rem;
    padding: .1rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #FFFFFF;
    margin-top: .2rem;
}

.xywh5-tit::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-width: .2rem 0 0 .2rem;
    border-style: solid;
    border-color: rgba(255, 161, 94) transparent transparent transparent;
}

.xywh5-bd {
    background: linear-gradient(180deg, rgba(255, 161, 94, 0.16) 8%, rgba(225, 225, 255, 0.16) 162%, rgba(240, 88, 58, 0) 166%);
}

.xywh5-bd dl {
    display: flex;
    padding: .48rem .15rem .43rem .15rem;
}

.xywh5-bd dl dd {
    flex: 1;
    min-width: 0;
    padding: 0 .45rem;
}

.xywh5-bd dl dd+dd {
    border-left: 1px solid rgba(240, 88, 58, 0.2);
}

.xywh5-bd dl dd p {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.36rem;
    letter-spacing: normal;
    color: #333333;
}


.xywh-media ul {
    font-size: 0;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.xywh-media ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: .2rem;
}

.xywh-media ul li a {
    display: block;
    position: relative;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.xywh-media ul li a img {
    display: block;
    height: 0.6rem;
    transition: all 0.5s;
}

.xywh-media ul li a .icons {
    overflow: hidden;
    border-radius: 50%;
    width: 0.6rem;
    height: 0.6rem;
    position: relative;
}

.xywh-media ul li a .icons img:nth-child(2) {
    position: absolute;
    top: 100%;
    left: 0;
}

.xywh-media ul li a:hover .icons img:nth-child(1) {
    transform: translateY(-100%);
}


.xywh-media ul li a:hover .icons img:nth-child(2) {
    transform: translateY(-100%);
}

.xywh-media ul li a .foot-ewm {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 130%;
    margin-bottom: 0.1rem;
    border-radius: 0.05rem;
    padding: 0.05rem;
    background: #fff;
    opacity: 0;
    transition: all 1s;
    visibility: hidden;
    z-index: 9;
}

.xywh-media ul li a .foot-ewm img {
    display: block;
    width: 1rem;
    height: auto;
}

.xywh-media ul li a .foot-ewm::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    border-width: 0.08rem 0.08rem 0 0.08rem;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.xywh-media ul li a .icon {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    text-align: center;
    font-size: 0;
    position: relative;
    z-index: 1;
}

.xywh-media ul li:hover a {
    overflow: visible;
}

.xywh-media ul li:hover a .icon {
    background-color: #2f73d1;
}

.xywh-media ul li:hover a .icon img {
    opacity: 1;
}

.xywh-media ul li a .icon img {
    vertical-align: middle;
    /* opacity: .6; */
    display: block;
    width: 100%;
}

.xywh-media ul li:hover a .foot-ewm {
    opacity: 1;
    bottom: 100%;
    visibility: visible;
}




@media screen and (min-width:1025px) {
    .xhkc1 .slick ul a:hover .info {
        background: #F0583A;
    }

    .xhkc1 .slick ul a:hover .info h3 {
        color: #FFFFFF;
    }

    .xhkc1 .slick ul a:hover .info div {
        color: #FFFFFF;
    }

    .ppwh3 ul li a:hover .info {
        background: #F0583A;
    }

    .ppwh3 ul li a:hover .info h3 {
        color: #fff;
    }


}

@media screen and (max-width:1024px) {
    .xhkc1 .slick ul {
        margin: 0 -.1rem;
        margin-top: .3rem;
    }

    .xhkc1 .slick ul a {
        margin: 0 .1rem;
    }

    .xhkc1 .slick ul a .info {
        padding: .1rem;
    }

    .xhkc1 .slick .slick-dots li, .xhkc2-m .slick-dots li {
        margin: 0 .1rem;
    }

    .xhkc2-l {
        display: none;
    }

    .xhkc2-r {
        display: none;
    }

    .xhkc2-m {
        width: 100%;
    }

    .xhkc2-m ul a p {
        font-size: .18rem;
        padding: .1rem .2rem;
    }

    .xhkc2, .xhkc3 {
        margin-top: .5rem;
    }

    .xhkc3-c {
        margin-top: .3rem;
    }



    .ppwh1-l ul li a {
        display: block;
    }

    .ppwh1-l ul li a .pics {
        width: auto;
    }

    .ppwh1-l ul li a .info {
        padding: .15rem;
    }

    .ppwh1-r {
        position: static;
        padding: 0 .45rem;
        margin-top: .25rem;
    }

    .ppwh1-r ul li a {
        margin: 0 .05rem;
    }

    .ppwh1-l ul li a .info h3 {
        font-size: .22rem;
        line-height: .3rem;
    }

    .ppwh1-l ul li a .info p {
        margin-top: .1rem;
    }

    .ppwh1-r .slick-prev, .ppwh1-r .slick-next {
        width: 0.35rem;
        height: 0.35rem;
        background-color: #F0583A;
        background-size: .08rem auto;
    }

    .ppwh1-r .slick-prev {
        right: 100%;
    }

    .ppwh1-r .slick-next {
        left: 100%;
    }

    .ppwh2 {
        margin-left: 0;
        margin-right: 0;
    }

    .ppwh2-l {
        display: none;
    }

    .ppwh2-r {
        display: none;
    }

    .ppwh2-m {
        width: 100%;
    }

    .ppwh2-m>ul {
        margin: 0;
    }

    .ppwh3, .ppwh2, .ppwh1 {
        margin-top: .5rem;
    }

    .ppwh3 ul, .ppwh2-c, .ppwh1-c {
        margin-top: .3rem;
    }

    /**/
    .xywh1-c {
        display: block;
    }

    .xywh1-l {
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: .3rem;
    }

    .xywh1-l::after {
        background-size: auto 85%;
    }

    .dwjl_part_tit h2 {
        font-size: .26rem;
    }

    .xywh1-r .xywh1-text {
        margin-top: .2rem;
        padding-top: .2rem;
    }

    .xywh1-r .xywh1-text p {
        font-size: .18rem;
        line-height: .3rem;
    }

    .xywh-p p {
        font-size: .18rem;
    }

    .xywh-link a {
        width: 50% !important;
        font-size: .18rem;
        line-height: .3rem;
        background-size: .3rem auto;
        padding-left: .4rem;
        margin-bottom: .1rem;
    }

    .xywh-box {
        display: block;
        padding-top: .3rem;
        margin-top: .3rem;
    }
    .xywh-link{
        margin-top: .3rem;
    }
    .xywh-p{
        margin-top: .25rem;
    }

    .xywh-pic {
        max-width: 100%;
        margin: .2rem auto !important;
    }

    .xywh5-bd dl {
        display: block;
        padding: .15rem;
    }

    .xywh5-bd dl dd+dd {
        border-left: none;
        border-top: 1px solid rgba(240, 88, 58, 0.2);
    }

    .xywh5-bd dl dd {
        padding: .15rem 0;
    }

    .xywh5-bd dl dd p {
        line-height: .3rem;
    }
    .xywh-media ul {
        justify-content: center;
    }
    
    .xywh-media ul {
        text-align: center;
        margin-bottom: .2rem;
    }

    .xywh-media ul li {
        margin: 0 .02rem;
    }

    .xywh-media ul li a {
        width: 0.4rem;
        height: 0.4rem;
    }

    .xywh-media ul li a img {
        height: 0.4rem;
    }

    .xywh-media ul li a .icons {
        height: 0.4rem;
        height: 0.4rem;
    }
    .xywh1-c{
        margin-top: .3rem;
    }
}

@media screen and (max-width:768px) {
    .ppwh3 ul {
        display: block;
    }

    .ppwh3 ul li {
        width: auto;
    }

    .ppwh3 ul li+li {
        margin-top: .2rem;
    }
}

/* 2025年11月10日13:41:04  新增内页样式  end */